.detail-card {
  // background-color: #fkfkfk;
  margin: 14rpx 20rpx;
  border-radius: 10rpx;
  overflow: hidden;
}

// 价格标题卡片
.title-card {
  .price-box {
    .price-text {
      font-size: 42rpx;
      font-weight: 500;
      color: #ff3000;
      line-height: 30rpx;
      font-family: OPPOSANS;

      &::before {
        content: '￥';
        font-size: 30rpx;
      }
    }

    .origin-price-text {
      font-size: 26rpx;
      font-weight: 400;
      text-decoration: line-through;
      color: $gray-c;
      font-family: OPPOSANS;

      &::before {
        content: '￥';
      }
    }
  }

  .sales-text {
    font-size: 26rpx;
    font-weight: 500;
    color: $gray-c;
  }

  .discounts-box {
    .tag-content {
      flex: 1;
      min-width: 0;
      white-space: nowrap;
    }

    .tag-box {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .tag {
      flex-shrink: 0;
      padding: 4rpx 10rpx;
      font-size: 24rpx;
      font-weight: 500;
      border-radius: 4rpx;
      color: var(--ui-BG-Main);
      background: var(--ui-BG-Main-tag);
    }

    .discounts-title {
      font-size: 24rpx;
      font-weight: 500;
      color: var(--ui-BG-Main);
      line-height: normal;
    }

    .cicon-forward {
      color: var(--ui-BG-Main);
      font-size: 24rpx;
      line-height: normal;
      margin-top: 4rpx;
    }
  }

  .title-text {
    font-size: 30rpx;
    font-weight: bold;
    line-height: 42rpx;
  }

  .subtitle-text {
    font-size: 26rpx;
    font-weight: 400;
    color: $dark-9;
    line-height: 42rpx;
  }
}

// 购买
.buy-box {
  .add-btn {
    width: 214rpx;
    height: 72rpx;
    font-weight: 500;
    font-size: 28rpx;
    border-radius: 40rpx 0 0 40rpx;
    background-color: var(--ui-BG-Main-light);
    color: var(--ui-BG-Main);
  }

  .buy-btn {
    width: 214rpx;
    height: 72rpx;
    font-weight: 500;
    font-size: 28rpx;

    border-radius: 0 40rpx 40rpx 0;
    background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
    color: $white;
  }

  .disabled-btn {
    width: 428rpx;
    height: 72rpx;
    border-radius: 40rpx;
    background: #999999;
    color: $white;
  }
  .disabled-btn1 {
    width: 428rpx;
    height: 72rpx;
    border-radius: 40rpx;
    background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
    color: $white;
  }
  .disabled-btn2 {
    width: 428rpx;
    height: 72rpx;
    border-radius: 40rpx;
    background: #999999;
    color: $white;
  }
}

.model-box {
  height: 60vh;

  .model-content {
    height: 56vh;
  }

  .title {
    font-size: 36rpx;
    font-weight: bold;
    color: #333333;
  }

  .subtitle {
    font-size: 26rpx;
    font-weight: 500;
    color: #333333;
  }
}
.merchant{
	
	width:calc(100% - 40rpx);
	height: 81rpx;
	margin-left:20rpx;
	margin-right:20rpx;
	background-image:url('https://xyh-static-app.oss-cn-hangzhou.aliyuncs.com/static/store/merchant-detail-bg.png');
	background-repeat: no-repeat;
	background-position:0 0;
	background-size:100% 100%;
	.avatar{
		z-index:100;
		width:46rpx;
		min-width: 46rpx;
		height:46rpx;
		margin-right:17rpx;
	}
	.merchant-name{
		
		height: 43rpx;
		font-family: Source Han Sans;
		font-size: 30rpx;
		font-weight: bold;
		line-height: normal;
		letter-spacing: normal;
		color: #F2DDBF;
	}
	.desc{
		height: 43rpx;
		font-family: Source Han Sans;
		font-size: 30rpx;
		font-weight: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #F2DDBF;
	}
	.text-c-c{
		min-width: 320rpx;
		justify-content:center;
		align-items: center;
	}
}

.one-placement {
  background-color: #426AFF;
  width: 422rpx;
  height: 74rpx;
  border-radius: 100rpx;
  font-size: 36rpx;
  font-weight: 500;
  color: #FFFFFF;
}
.one-placement-end {
  background-color: #CEDDFC;
  width: 422rpx;
  height: 74rpx;
  border-radius: 100rpx;
  font-size: 36rpx;
  font-weight: 500;
  color: #FFFFFF;
}

.distribution-contents {
  background-color: #fff;
  width: 650rpx;
  padding: 30rpx;
  height: 431rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10rpx;
  .modal-image {
    width: 60rpx;
    height: 60rpx;
  }
  .title {
    font-size: 40rpx;
    font-weight: 500;
    color: #202020;
    text-align: center;
    margin-top: 20rpx;
  }
  .content {
    font-size: 30rpx;
    color: #929292;
    text-align: center;
    margin-top: 15rpx;
    margin-bottom: 38rpx;
  }
  .btns {
    display: flex;
    align-items: center;
    .btn {
      width: 290rpx;
      height: 74rpx;
      border-radius: 10rpx;
      font-size: 30rpx;
      font-weight: 500;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .go-on {
      border: 1px solid #A7A7A7;
      color: #5D5D5D;
    }
    .go-record {
      border: 1px solid #426AFF;
      background-color: #426AFF;
      color: #FFFFFF;
      margin-left: 7rpx;
    }
    
  }
  
}
